<head>
	<!--<link rel="stylesheet" type="text/css" href="/BackEndRecursosHumanos/app/webroot/css/ui-lightness/jquery-ui-1.10.3.custom.min.css">
	<script type="text/javascript" src="/BackEndRecursosHumanos/app/webroot/js/jquery-1.9.1.js"></script>
	<script type="text/javascript" src="/BackEndRecursosHumanos/app/webroot/js/jquery-ui-1.10.3.custom.min.js"></script>-->
	<!--<script type="text/javascript" src="/BackEndRecursosHumanos/app/webroot/js/jquery-ui-i18n.js"></script>-->
	
	<script>
		function eliminar_foto()
		{
			
			if ($('#blah').attr('src') != '/BackEndRecursosHumanos/app/webroot/img/blank.png')
			{
				var val = confirm("Desea quitar la foto seleccionada?");
			
				if (val)
				{
					$("#ComidaFotoComidaChar").val("");
					$('#ComidaFotoComida').val("");
	              	$('#blah')
	                        .attr('src','/BackEndRecursosHumanos/app/webroot/img/blank.png')
	                        .width(200)
	                        .height(200);
				}
			}
			
			
		};
		function showComidaInfo()
		{
			var tipo_comida = <?php echo $comidas[0]['TC']['ID']?>;
			var nombre_comida = "<?php echo $comidas[0]['C']['NOMBRE_COMIDA']?>";
			var descripcion_comida = "<?php echo $comidas[0]['C']['DESCRIPCION_COMIDA']?>";
			var foto_comida = "<?php echo $comidas[0]['C']['FOTO_COMIDA']?>";
			var id_comida = <?php echo $comidas[0]['C']['ID']?>;
			
			$('#ComidaId').val(id_comida);
			$('#ComidaNombreComida').val(nombre_comida);
			$('#ComidaTipoComidaId').val(tipo_comida);
			$('#ComidaDescripcionComida').val(descripcion_comida);
			$('#ComidaFotoComidaChar').val(foto_comida);
			$('#ComidaFotoComidaViejo').val(foto_comida);
			/*if (foto_comida == "")
			{
				$('#ComidaFotoComida').val('/BackEndRecursosHumanos/app/webroot/img/blank.png');
				
			}
			else
			{
				$('#ComidaFotoComida').val('/BackEndRecursosHumanos/app/webroot/img/Comida/'+foto_comida);
			}*/
			
			
		}
		
		function readURL(input)
		{
		      if (input.files && input.files[0])
              {
                   var reader = new FileReader();
                   reader.onload = function (e)
	                  {
	                        $('#blah')
	                        .attr('src',e.target.result)
	                        .width(200)
	                        .height(200);
	                        var dir = $("#ComidaFotoComida").val().split('\\');
	                        $("#ComidaFotoComidaChar").val(dir[2]);
	                  };
                   reader.readAsDataURL(input.files[0]);
               }

		}
	</script>
	
</head>
<body onload="showComidaInfo();">
	<center>
		<fieldset>
			<legend>Editar Comida</legend>
				<center>
					
					
					<?php echo $this->Form->create("Comida", array('type' => 'file'));
					
					
					 ?>
					<table style ="width: 100%">
						<tr>
							<td>
								<center>
									<fieldset>
										<legend><b>Informacion Referente a la Comida</b></legend>
										<center> 
											<table style ="width: 100%" >
												<tr>
													<td>
														<?php 
																echo $this->Form->input('id',array(
																												'type' => 'hidden'
																										   )
															 						 );
																echo $this->Form->input('nombre_comida',array(
																												'label' => 'Nombre de la comida'
																										   )
															 						 ); 
														?>
													</td>
												</tr>
												<tr>
													<td>
													<?php
																			
															echo $this->Form->input('tipo_comida_id', array(
																									            'options' => array($tipocomida),
																												'label' => 'Tipo de Eventos'
																										   )
																				   );
													?>
													</td>
												</tr>
												
												<tr>
													<td>
														<?php 	echo $this->Form->label('Descripcion de la Comida');
																echo $this->Form->textarea('descripcion_comida', 
																												array(
																														'class' => 'text_area'
																													 )
																						  ); 
													    ?>
													</td>
												</tr>
												<tr>
													<td>
														<?php 
																echo $this->Form->input('foto_comida_char',array(
																														'type' => 'hidden',
																														'label' => 'Direccion de la Foto',
						
																								  						)
																						);
																						
																echo $this->Form->input('foto_comida',array(
																														'type' => 'file',
																														'label' => 'Direccion de la Foto',
																														'accept' => 'image/*',
																														'onchange' => 'readURL(this);'
																									
																								  						)
																						);
																echo $this->Form->input('foto_comida_dir', array('type' => 'hidden'));
																echo $this->Form->input('foto_comida_viejo', array('type' => 'hidden'));
															?>			 				
													</td>
												</tr>
									
												<tr>
													<td style="text-align: center">
														<?php echo $this->Form->end('Guardar', array(
																										'type' => array('submit')
																									 )
																				 ); 
													    ?>
													</td>
												</tr>
											</table>
										</center>
									</fieldset>
								</center>
							</td>
							<td>
								
								<center>
									<fieldset>
										<legend><b>Muestra de la imagen</b></legend>
										<center>
										<table>
											<tr>
												<td>
													<center>
														<?php 
															if($comidas[0]['C']['FOTO_COMIDA'] == "")
															{
																echo '<img id="blah" src="/BackEndRecursosHumanos/app/webroot/img/blank.png" alt="your image" style=" width: 200px; height: 200px"/>';
															}
															else 
															{
																echo '<img id="blah" src="/BackEndRecursosHumanos/app/webroot/files/comida/foto_comida/'.$comidas[0]['C']['ID'].'/'.$comidas[0]['C']['FOTO_COMIDA'].'" alt="your image" style=" width: 200px; height: 200px"/>';	
															}
														?>
														
													</center>
												</td>
											</tr>
											<tr>
												
													<td>
														<center>
															Foto de la Comida <img src="/BackEndRecursosHumanos/img/delete.png" onclick="eliminar_foto();" alt="CakePHP" style="cursor: pointer">
														</center>
														
													</td>
											</tr>
											
										</table>
										</center>
									</fieldset>
								</center>
							</td>
						</tr>
					</table>
				</center>
		</fieldset>
	</center>
</body>